<template>
    <div class="right-cpn">
       <RtopCpn></RtopCpn>
       <RmidCpn></RmidCpn>
       <RbottomCpn></RbottomCpn>
    </div>
</template>

<script>
import RtopCpn from './components/RtopCpn.vue'
import RmidCpn from './components/RmidCpn.vue'
import RbottomCpn from './components/RbottomCpn.vue'
export default {
   components:{
RtopCpn,
RmidCpn,
RbottomCpn
  }


}
</script>

<style scoped lang="scss">
 .right-cpn {
      flex: 8;
     /* outline:1px red solid */
 }
</style>